<!DOCTYPE html>
<!-- saved from url=(0037)https://www.immomo.com/agreement.html -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title></title>
    <script>window.__timing_start = Date.now();
    window.__pid = '0123456789';
    window.__aid = 'activity id';</script>

    <style>

        /*
 *  reset
 */
        body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
            margin: 0;
            padding: 0;
        }

        body, button, input, select, textarea {
            font: 12px/1.5 "Microsoft YaHei", "微软雅黑", arial, simsun, "宋体";
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        h1, h2, h3, h4, h5, h6 {
            font-size: 100%;
        }

        address, cite, dfn, em, var {
            font-style: normal;
        }

        code, kbd, pre, samp {
            font-family: courier new, courier, monospace;
        }

        small {
            font-size: 12px;
        }

        ul, ol {
            list-style: none;
        }

        fieldset, img {
            border: 0;
        }

        button, input, select, textarea {
            font-size: 100%;
        }

        table {
            border-collapse: collapse;
            border-spacing: 0;
        }

        .clearfix {
            *zoom: 1
        }

        .clearfix:before,
        .clearfix:after {
            display: table;
            content: "";
            line-height: 0;
            clear: both
        }

        .hide {
            display: none;
        }

        /*
         *  公共头
         */
        .common-header {
            color: #fff;
            font-size: 14px;
            position: absolute;
            top: 0px;
            background: url(https://s.momocdn.com/w/u/img/2017/03/28/1490673490218-%E5%AE%98%E7%BD%91logo.png) 14px 37px no-repeat;
            padding-left: 218px;
            height: 120px;
            left: 50%;
            margin-left: -508px;
        }

        .common-header a {
            text-decoration: none;
            color: #fff;
        }

        .common-header a.logo-href {
            display: block;
            width: 215px;
            height: 120px;
            position: absolute;
            left: 0;
            top: 0;
        }

        .common-header a.on {
            color: #1e78e7;
        }

        .common-header li {
            float: left;
            padding: 0 30px;
            background: url(//s.momocdn.com/static/w5/img/website/white-border.png) 0 54px no-repeat;
            height: 120px;
            line-height: 120px;
        }

        .common-header li.no-border {
            background: none;
        }

        .common-header ul {
            width: 960px;
        }

        .white-bg .common-header {
            background: url(https://s.momocdn.com/w/u/img/2017/03/28/1490673490237-%E5%8F%8D%E7%99%BD.png) 14px 37px no-repeat;
        }

        .white-bg .common-header a,
        .white-bg .common-header span {
            color: #6f6f6f;
        }

        .white-bg .common-header li {
            background: url(//s.momocdn.com/static/w5/img/website/gray-border.png) 0 54px no-repeat;
        }

        .white-bg .common-header li.no-border {
            background: none;
        }

        .white-bg .common-header a.on,
        .white-bg .common-header span.on {
            color: #1e78e7;
        }

        /*service down-list*/
        .common-header li .service {
        }

        .common-header li .service .down-list {
            z-index: 2000;
            display: none;
            text-align: center;
            line-height: 40px;
            color: #007aff;
            position: absolute;
            top: 90px;
            left: 0;
            width: 100%;
        }

        .common-header li .service .down-list {
            background: #156bd4;
            border: 1px solid #156bd4;
        }

        .white-bg .common-header li .service .down-list {
            background: #ffffff;
            border: 1px solid #e4e4e4;
        }

        .common-header li .service .down-list a {
        }

        .common-header li .service .down-list span,
        .common-header li .service:hover .down-list {
            display: block;
            transition: all 0.1s
        }

        .common-header li .service .down-list .item {
        }

        .white-bg .common-header li .service .down-list .item {
        }

        .common-header li .service .down-list .item:hover {
            background: #0c5dbf
        }

        .white-bg .common-header li .service .down-list .item:hover {
            background: #007aff;
            color: #ffffff;
        }

        .common-header li .service .down-list .item:hover a {
            color: #ffffff;
        }

        .common-header li .service .down-list .item.colortext {
            background: #1e79e8;
            width: 100px;
            position: absolute;
            top: -51px;
            left: 14px;
            height: 50px;
            margin: 0px;
        }

        .white-bg .common-header li .service .down-list .item.colortext {
            background: #ffffff;
        }

        .white-bg .common-header li .service .down-list .item.colortext:hover {
            background: #ffffff;
            color: #007aff;
        }

        .white-bg .common-header li .service .down-list .item.colortext:hover a {
            color: #007aff;
        }

        .common-header li .service:before, .white-bg .common-header li .service:after {
            position: absolute;
            right: 12px;
            font-size: 36px;
        }

        .common-header li .service:before {
            content: '';
            color: #1e78e7;
            top: 55px;
            right: 14px;
            z-index: 3000;
            width: 6px;
            height: 6px;
            background: none;
            transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
        }

        .common-header li .service:before {
            border: 2px solid #ffffff;
            border-top: none;
            border-left: none;
        }

        .white-bg .common-header li .service:before {
            border: 2px solid #1e78e7;
            border-top: none;
            border-left: none;
        }

        /*.white-bg .common-header li .service:after{content:'';color:#ffffff;top:-56px;}*/
        .common-header .white-bg-service {
            display: block;
            position: relative;
        }

        .common-header .black-bg-service {
            display: none;
        }

        .white-bg .common-header .black-bg-service {
            display: none;
        }

        .white-bg .common-header .white-bg-service {
            display: block;
        }

        /*
         *  公共尾
         */
        .common-footer {
            color: #646464;
            text-align: center; /* font-size:12px; *//* padding-bottom: 133px; */
        }

        .common-footer ul {
            width: 410px;
            margin: 0 auto;
            *margin-bottom: 30px;
        }

        .common-footer li { /* float:left; *//* margin-right:35px; *//* margin-bottom:30px; */
        }

        .common-footer a {
            color: #646464;
            text-decoration: none;
        }

        .common-footer a:hover {
            color: #1e78eb;
            text-decoration: none;
        }

        .wrapper {
            padding-top: 120px;
            color: #2e2e2e;
        }

        .line {
            border: 0;
            height: 1px;
            background-color: #e4e4e4;
        }

        nav {
            width: 960px;
            line-height: 110px;
            margin: 0 auto;
        }

        nav li {
            float: left;
            color: #6f6f6f;
            font-size: 16px;
            margin-right: 75px;
            height: 80px;
        }

        nav li.on {
            border-bottom: 3px solid #1e78e7;
        }

        nav li a {
            text-decoration: none;
            color: #6f6f6f;
        }

        section {
            width: 880px;
            margin: 45px auto 0;
            padding: 0 40px;
            font-size: 14px;
        }

        .wrapper h1 {
            color: #2e2e2e;
            font-size: 24px;
            text-align: center;
            font-weight: 100;
        }

        .wrapper h2 {
            font-size: 16px;
            margin: 30px 0 20px;
            font-weight: 100;
        }

        .wrapper p {
            color: #2e2e2e;
        }

        .common-footer {
            margin-top: 123px;
        }
    </style>

    <!-- 每个页面需要继承并添加的样式 end-->


</head>
<body class="white-bg">


<style>
    .common-header {
        margin-left: -560px;
    }

    .common-header li .service.business .down-list {
        left: -3px;
    }

</style>


<div class="wrapper">
    <section>
        <h1>用户协议</h1>
        <h2>特别提示</h2>

        <p>测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容。</p>

        <h2>一、帐号注册</h2>

        <h2>二、服务内容</h2>

        <p>10、《测试条款》（<a href="https://www.baidu.com.com">点击查看</a>）。</p>

        <h2>四、内容规范</h2>

        <p>1、测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容。</p>
        <p>2、测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容：</p>
        <p>(1) 测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容；</p>
        <p>(2) ；</p>
        <h2>四、内容规范</h2>

        <p>1、测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容。</p>
        <p>2、测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容：</p>
        <p>(1) 测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容；</p>
        <p>(2) ；</p>
        <h2>四、内容规范</h2>

        <p>1、测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容。</p>
        <p>2、测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容：</p>
        <p>(1) 测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容；</p>
        <p>(2) ；</p>

    </section>
</div>

<style>
    .common-footer ul {
        /* width: 428px !important; */
    }

    .common-footer li {
        margin: 0 17px 30px 17px;
    }


</style>

<footer class="common-footer">

    <p class="line"></p>
    <button style="    width: 49%;
    background-color: #1e78eb;
    color: white;
    height: 100px;
    size: 20px;
    font-size: 30px;">同意
    </button>
    <button style="
        background-color: #dcdcdc;
        color: black;
        border: none;
        width: 49%;
        height: 100px;
        size: 20px;
        font-size: 30px;">不同意
    </button>


</footer>


</body>
</html>